<!doctype html>
<html lang="en">
	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" type="text/css" href="./assets/lib/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="./assets/css/style.css">
		<title>注册</title>
	</head>
	<body class="register">
		<div class="card position-absolute position-absolute top-50 start-50 translate-middle register-card">
			<div class="card-header text-white bg-dark">注册</div>
			<div class="card-body">
				<form>
					<div class="row mb-3">
						<label for="inputEmail3" class="col-sm-3 col-form-label">账号</label>
						<div class="col-sm-9">
							<input type="email" class="form-control" id="inputEmail3">
						</div>
					</div>
					<div class="row mb-3">
						<label for="inputPassword3" class="col-sm-3 col-form-label">密码</label>
						<div class="col-sm-9">
							<input type="password" class="form-control" id="inputPassword3">
						</div>
					</div>
					<div class="row mb-3">
						<label for="inputEmail3" class="col-sm-3 col-form-label">确认密码</label>
						<div class="col-sm-9">
							<input type="email" class="form-control" id="inputEmail3">
						</div>
					</div>
					<div class="row mb-3">
						<label for="inputEmail3" class="col-sm-3 col-form-label">昵称</label>
						<div class="col-sm-9">
							<input type="email" class="form-control" id="inputEmail3">
						</div>
					</div>
					<div class="row mb-3">
						<label for="inputEmail3" class="col-sm-3 col-form-label">性别：</label>
						<div class="col-sm-9 d-flex">
							<div class="form-check pe-3">
								<input class="form-check-input" type="radio" name="gridRadios" id="gridRadios1"
									value="option1" checked>
								<label class="form-check-label" for="gridRadios1">
									男
								</label>
							</div>
							<div class="form-check">
								<input class="form-check-input" type="radio" name="gridRadios" id="gridRadios2"
									value="option2">
								<label class="form-check-label" for="gridRadios2">
									女
								</label>
							</div>
						</div>
					</div>
					<div class="row mb-3">
						<label for="inputEmail3" class="col-sm-3 col-form-label">手机</label>
						<div class="col-sm-9">
							<input type="email" class="form-control" id="inputEmail3">
						</div>
					</div>
					<div class="row mb-3">
						<div class="col-sm-9 offset-sm-3">
							<div class="form-check">
								<input class="form-check-input" type="checkbox" id="gridCheck1">
								<label class="form-check-label" for="gridCheck1">
									同意本网站的用户协议
								</label>
							</div>
						</div>
					</div>
					<button type="submit" class="btn btn-primary">注册</button>
				</form>
			</div>
			<div class="card-footer text-muted d-flex justify-content-between">
				<a href="./login.html" class="link-primary text-decoration-none">登录账户</a>
				<a href="#" class="link-primary text-decoration-none">忘记密码？</a>
			</div>
		</div>
		<!-- Option 1: Bootstrap Bundle with Popper -->
		<script src="./assetslib/bootstrap/js/bootstrap.bundle.min.js"></script>

	</body>
</html>
